<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta name="viewport" content="height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="description" content="A Collection of Page Transitions with CSS Animations" />
    <meta name="keywords" content="page transition, css animation, website, effect, css3, jquery" />
    <meta name="author" content="Codrops" />
    <title>Image</title>
    <title>Title</title>
    <style>
        /*.pt-page-2 {*/
            /*height: 100%;*/
            /*width: 100%;*/
            /*overflow: hidden;*/
            /*position: absolute;*/
            /*background-color: red;*/
        /*}*/
        /*#img1 {*/
            /*position: absolute;*/
            /*height: 100%;*/
        /*}*/
        #img2 {
            position: absolute;
            height: 100%;
        }

    </style>
</head>
<body>
<div class="pt-page pt-page-2">
    <img id="img2" src="../files/2.png">
</div>
</body>
</html>